.red { background: #890c0c}
.fred { color:#CC0033}
.blue { background: #97AFBC}
.fblue { color: #005DFF}
.orange { background: #968A69}
.black { background: #000}
.violet { background: #61508e}
.pink { background: #916E6E}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol,
fieldset, form, legend,
caption, tbody, tfoot, thead {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 12px;
    font-family: inherit;
    vertical-align: baseline;
    list-style:none;
	font-family: Arial, tahoma, sans-serif;
}
a {cursor: pointer}
label {float: left;}
#ui-datepicker-div { font: 68.5% "Trebuchet MS", sans-serif;}
#container { width: 940px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; }
#header { height: 145px; color: #FFF; width: 940px;}
#content { width: 906px ; float: left;}
#version { float: left; font: 30px "Times New Roman"; line-height: 27px;}
#version span {font-weight: 700; color: #FFF}
#memberaction { float: right }

#memberaction .account { float:right; margin-top: -7px;}
#memberaction .color {float: right; width: 100%}
#memberaction .account  span { float:left; padding:0; color: #fff; line-height: 14px; font-weight: 700; font-size: 12px; margin: 0}
#memberaction .color a { border: solid 1px #fff; width: 10px; height: 10px; float: right; margin-left: 10px; margin-bottom: 15px; cursor: pointer}
#memberaction .account a {
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 8px;
    line-height: 15px;
    height: 15px;
    text-decoration: none;
}
#memberaction .account a:hover {text-decoration: underline}

.rp a, .rp span, 
#cuslist, #prtb div, #version span, #memberaction .account a, #menu a.taba, a.tabi, #quickBook a, .box td { font-size: 12px;}

.rp a, #submenu a, #btadd a {padding: 0 5px}
.floora label{ width: 70px; float: left!Important;}
.floora a{padding: 0}
.floora a:hover{text-decoration: underline}
a.spr{ padding: 0 5px; cursor: default}
a:hover.spr{text-decoration: none}

#menu .tlefta, .tRighta, a.taba, .tlefti, .tRighti, a.tabi, .sla, .sli,
#quickBook .btL, .btR, #quickBook a { float: left; height: 27px}

.sml, #menu .tlefta, .tlefti, #quickBook .btL,
#submenu .sbli, .sbla,  #btadd .bl { padding-left: 4px; background-repeat: no-repeat}

.smr, #menu .tRighta, .tRighti, #quickBook .btR,
#submenu .sbri, .sbra,  #btadd .br { padding-right: 4px; background-repeat: no-repeat}

#menu .sla, .sli, .tRighta, .tRighti,
#submenu .sbri, .sbra,  #btadd .br {margin-right: 10px}

#menu { padding-top: 8px}
#menu .sla, .sli {background-repeat: no-repeat; padding-left: 10px}

.icAdd, .icRemove, #menu .iconHome, .icRoomMn, .icCustom, .icSummary, .icInfo { float: left; padding-right: 3px}

.addroom {font-variant: small-caps}
#quickBook{	float: right}
#quickBook a {	
    color: #FFF;
    height: 27px;
    line-height: 27px;
    padding: 0 8px;
    text-decoration: none;
    font-weight: 700;
}

#submenu { float: left; width: 100%; margin-top: 15px;}
#submenu .sbli, .sbri, a.sbi, .sbla, .sbra, a.sba {float: left; height: 25px;}
#submenu a { font-size: 10px; text-decoration: none; line-height: 25px; color:#000}

.ttb h5, h6, .ttb .searchtext {float: left}
.ttb h5, h6 {padding-right: 10px}
.ttb h6 {padding-top: 3px}

.lr {float: right; margin: -5px -8px 0 0;}
.ll {float: left;}
.room { float: left; width: 41px; height: 42px; color: #FFF; margin: 0 18px 20px 0; text-align: center; line-height: 42px; font-weight: 700; cursor: pointer;}
.remty {color: #000}
.endofrow {margin-right: 0}

.rp {float: left; padding-bottom:10px; font-weight: 900; margin-right: 20px; width: 70px}
.rp a {text-decoration: none}
.rp span { float: left; padding-top: 6px}
.rp a, .rp span {font-weight: 400; color: #666!important; float: left}
.rp .chk {margin-right: 9px}
.rp label {float: none}

a.se { padding-left: 10px;}

.txt1 {width: 45px}
.txt2 {width: 90px}
.txt3 {width: 70px}
.txt150 {width: 150px}
.txt200 {width: 200px}
.txt235 {width: 235px}
.txt300 {width: 300px}
.lst1 {width: 130px}
.txt1, .txt2, .txt3, .txt150, .txt200, .txt300, .lst1, .lst2, .sml, .smr , a.smc, #prtb .sm, #prtb span { float: left}

#prtb div {margin-bottom: 12px;}
#prtb .tt {font-weight: 700;}
#prtb span {padding: 5px 5px 0 ; color: #000}
#prtb a.ladd {font-weight: 800}
#prtb .sm { width: 100%; margin: 0}
#prtb span.btsm {float:right;}


.cname , .csex, .cadd, .cid, .cphone, .ctool, .crname, .cequip, .cbed, .cperson, .cstatus, .cphour, .cpday , .cpweek, .cpmonth { float: left}
.cbed, .cperson, .cstatus, .cbilldt,.cbillday { text-align: center}
.cname { width: 215px; padding-right: 10px;}
.csex { width: 50px; padding-right: 10px; text-align: right}
.cadd { width: 310px; padding-right: 10px}
.cid { width: 90px; padding-right: 20px}
.cphone { width: 75px; padding-right: 10px}
.crname { width: 75px; padding-right: 5px;}
.cequip { width: 290px; padding-right: 10px}
.cbed { width: 60px; padding-right: 5px}
.cperson { width: 63px; padding-right: 5px}
.cstatus { width: 63px; padding-right: 0px; text-align: left}
.ctool {width: 75px; text-align: center}
.cbilid { width: 70px; padding-right: 10px}
.cdate { width: 70px; padding-right: 10px}
.ctotal { width: 70px; padding-right: 10px}
.cuser { width: 70px; padding-right: 10px}
.cdetail { width: 70px; padding-right: 10px}
.cphour { width: 300px; padding-right: 20px}
.cpday { width: 170px; padding-right: 10px}
.cpweek { width: 170px; padding-right: 10px}
.cpmonth { width: 170px; padding-right: 10px}
.cbillcode, .cbillday, .cbillsum, .cbillep, .cbilldt, .cbillrnum, .cbillstt,.cbcusname,.munbill {float: left;}
.munbill { width: 30px; padding-left: 0px}
.cbillcode { width: 90px; padding-left: 0px;}
.cbillday { width: 105px;}
.cbcusname { width: 153px; padding-right: 10px; text-align: left}
.cbillsum { width: 120px; padding-right: 30px; text-align: right}
.cbillep { width: 170px; padding-right: 20px}
.cbilldt { width: 80px; padding-right: 5px}
.cbillrnum {width: 60px; padding-right: 10px}
.cbillstt {width:95px;padding-right: 2px}
.donedebt {color:#3F73FF}
.unpaidrow {color:#9F1313}
.bycardrow {color:#0C7A1C}

.cname span.cusinfo {cursor: pointer}
.ctool a {margin: 0; padding: 0; line-height: 10px !important;}
.box {border-style: solid; padding: 18px 16px; width: 100%; float: left; background: #fff;}
.box a {color: #000}
.lktt, .rtt {cursor: pointer}
.ltitle .cphone, .ltitle .cperson {width: 70px;}
#cuslist .ltitle {padding: 4px 2px 5px 5px; font-weight: 700; border-bottom: solid 1px #7d7d7d; width: 99%}
#cuslist .listrow { background: #F2F2F2; float: left;}
#cuslist .normal,.listrow { padding: 10px 0 9px 5px; width: 898px }
#cuslist .l1b {border-top: solid 2px #999; padding: 0 0 0 5px; width: 898px; float: left }
#cuslist .normal, .listrow, .ltitle,
#btadd .bl, .br, #btadd a { float: left}

.rtitle{border-bottom: solid 1px #7d7d7d; padding: 4px; font-weight: 700;}
#tbprice tr.rnormal td, #tbprice tr.rlistrow td {padding: 4px 6px; vertical-align: top;}
#tbprice tr.rlistrow {background: #F2F2F2;}

#btadd { width: 100%; padding-bottom: 15px;}
#btadd .bl, .br, #btadd a {height: 26px; margin-bottom: 15px;}

a.searchbt, a.acbt {
    padding: 0 7px;
    text-decoration: none;
    margin-left: 10px;
    font-size: 10px;
    float: left;
}
a.searchbt {height: 23px; line-height: 23px !important; font-variant: small-caps; font-size: 13px; font-weight: 600}
a.acbt {height: 18px; line-height: 18px !important;}
#dialog span, .t3, #dialog-adep span, .t3{float: left; margin-bottom: 5px}
.ui-dialog span, .ui-dialog-content span {font-size: 12px}
#dialog span {width: 120px}
#dialog-adep span {width: 110px}
#dialog .t3, #dialog-adep .t3 {width: 230px; height: 15px; }
#dialog, #dialog-adep {font-size: 11px}
#dialog .lst1, #dialog-adep .lst1 {margin-right: 160px; float: left; width: 60px; margin-bottom: 5px;}
#dialog span.valid, #dialog-adep span.valid {float: left; width: 280px; margin-bottom: 15px; color: #f00}

#dialogroom span, .t3{float: left; margin-bottom: 5px;}
#dialogroom span {width: 75px}
#dialogroom .t3 {width: 210px; height: 15px; margin:3px 0px;}
#dialogroom {font-size: 11px}
#dialogroom .lst1 {float: left; width: 100px; margin-bottom: 5px;}
#dialogroom .lst2 {float: left; width: 80px; margin-bottom: 5px; margin-right: 1px}
#dialogroom span.valid {float: left; width: 280px; margin-bottom: 15px; color: #f00}

#dialog-roombookedlist span.rinfo {float: left; margin-bottom: 5px; width: 300px}
#dialog-roombookedlist span.action {float: right; width: 100px; margin-bottom: 5px}
#dialog-roombookedlist span.action img {float: right; padding-left: 10px;}

#dialog-addemployeedp label, #dialog-adddayoff label, #dialog-addadvance label {font-size: 12px; width: 75px}
#dialog-addemployeedp input, label, textarea, #dialog-adddayoff input, label, textarea, #dialog-addadvance input, label, textarea {margin-bottom: 5px}
#dialog-addemployeedp, #dialog-adddayoff, #dialog-addadvance {padding: 10px 0 0 10px!important}
#dialog-adddayoff span {float: left; padding: 0 7px;}
.epname {width: 200px!important}
#dialog-addservice label {font-size: 12px; width: 80px}
#dialog-payment label {float: left; font-size: 12px; width: 150px}
#dialog-payment span {width: 135px; float: left; font-size: 13px;}

#dialog-salaryreset label {font-size: 12px; width: 85px}
#dialog-service label{font-size: 12px; width: 105px}
#dialog-service input {margin-bottom: 5px}

#footer  a{color: #000; text-decoration: none;}
#footer .lisence, .power  { padding-bottom: 50px; color: #000 !important}
#footer .lisence { float: left ; font-size: 10px}
#footer .power { float:right; text-align: right; font-size: 12px}
.clear { clear: both;}
.cen {text-align: center;vertical-align: middle;}
.rig {text-align: right;vertical-align: middle;}
.mr200 {margin-right: 150px;}
.w10 {width: 10%}
.w20 {width: 20%}
.w30 {width: 30%}
.w100 {width: 98%}
.w150px {width: 150px!important}
.w250px {width: 250px}
.w20px {width: 20px}
.w80px {width: 80px}
.w120 {width: 120px}
.h25 {height: 25px;}
.h40 { height: 40px;}
.h47px {height: 47px}
.nradd {background: #EDE5E5; color: #f00}
.font14 {font-size: 14px;}
.font16 {font-size: 16px;}
.addreason,.addadvance{margin-left: 5px}
.cftt{ padding: 7px 16px;}
.cftt h1 {font-size: 12px!important; font-weight: 700}
.cemty {color: #000!important}
td div.cbooked, td div.cstay, td div.cemty {width: 98%; height: 25px; margin: auto; text-align: center; line-height: 25px; color: #FFF; }
#fbill span, #billtitle span{cursor: pointer}

#sblinfo {margin-left: 115px}
#sblincome {margin-left: 388px}
#sblhotel {margin-left: 498px}
#sbldepartment {margin-left: 273px;}

.sumdiv {width: 100%; margin-bottom: 6px}
.sumdiv2{width: 830px; overflow: auto;}
.sumdiv, .sumdiv span {float: left}
.cempty {height: 100%}
.sumdiv #right td{ height:30px; text-align: center; vertical-align: middle;}
.sumdiv #status td {
    border-bottom: 1px double #c7c7c7;
    border-right: 1px double #c7c7c7;
    height: 25px;
    vertical-align: middle;
    padding: 2px;
}
.sumdiv #status {
    background: #fff;
    border-top: 1px solid #c7c7c7;
    border-left: 1px solid #c7c7c7
}
.sumdiv label {padding: 0 20px 0 3px; line-height: 20px}
.sumdiv .sumbox, .sumbox2 {height: 20px; text-align: center; line-height: 20px; color: #FFF; border: 1px solid #000}
.sumdiv .sumbox {width: 40px!important;} .sumdiv .sumbox2 {width: 25px!important;}
.sumdiv {width: 100%; height: 100%}
.sumdiv tr.date td {border-bottom: 3px double #c7c7c7!important; text-align: center}
.sumdiv td.day {background: #f2f2f2; padding: 4px}
.sumdiv .weekchange {width: 10%; padding-right: 5px;}
.sumdiv .weekchange a {margin-right: 7px; padding: 0; margin-bottom: 0}
.dateselect {float: right; margin-bottom: 10px;}
.dateselect label {padding: 0 5px; line-height: 20px}

.srs {cursor: pointer; padding-left: 10px }
#roomList .thumb {float: left; width: 100%; margin-bottom: 12px;}
#roomList label {font-size: 11px; padding: 0 15px 0 3px}
#roomList span {width: 13px; height: 13px; float: left}

#selectcurrency input {float: left}
#selectcurrency label {padding: 2px 0 0 2px}
#selecttime label {padding: 0 5px;}

.tbcenalg {text-align: center; vertical-align: middle}
.sicTitle td, .fil {border-top: 1px solid #B5B5B5; background: #EAEAEA; vertical-align: middle; font-weight: 700;}
.sicTitle td {border-bottom: 1px solid #B5B5B5;  height: 26px; padding: 0 0 0 5px}
.sicTitle td span {cursor: pointer}
.lrow td {background: #F2F2F2}
.fil {padding-left: 10px; height: 40px;}
.ifTitle {height: 30px; vertical-align: top; font-size: 22px}
.newscont {padding:20px; width:680px; font-size: 11px}
#ifinfotb table {width: 100%}
#ifinfotb {width: 940px}
.linknews a {display:block; height: 36px; line-height: 36px; width: 94%; font-size: 12px; font-weight: 700; padding-left: 6%; margin-bottom: 10px}
.linknews a.active, .linknews a:hover {background: #fff}
.ulnews li{line-height: 26px; list-style-image: url(../img/arrow.png)}

#tbConfigHotel, #tbEmployee, #tbDepartment, #tbSalary {font-size: 11px}
#tbConfigHotel tr td {vertical-align: middle}
#tbConfigHotel .tool {width: 80px}
#tbConfigHotel .label {width: 155px; padding-left: 10px; font-weight: 700}
#tbConfigHotel .editfield {width: 500px; font-size: 11px; word-spacing: -4px}



/*tooltip*/
#tooltip {position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee}
#tooltip h3, #tooltip div {margin: 0}
#tooltip.cusinfo {font-family: Arial; border: 1px solid #999; padding:20px 10px; background: #fff}
#tooltip.cusinfo h3 {margin-bottom: 10px; font-size: 14px; font-weight: 600; text-align: center}
#tooltip.cusinfo div {text-align: left; font-size: 11px}
#tooltip.cusinfo div b {float: left; width: 110px}
#tooltip.cusinfo div h5 {float: left; padding-left: 10px}
#tooltip.cusinfo .ov {float: left; font-size: 14px; margin: -5px; font-weight: 700}
#tooltip.prepaytip {font-family: Arial; border: 1px solid #999; padding:10px; background: #fff;}
#tooltip.prepaytip li {padding-bottom:5px;}

.ui-datepicker-trigger {margin-top: -17px}
span.err {color: #F00; font-weight: 700; width: 100%; text-align: center; margin: 70px 0; float: left}
.nodata {color: #F00; padding: 10px; float: left; font-weight: 700}
.coRed {color: red}

.paging {width: 100%; float: right; margin-top: 10px;}
.pagination {font-size: 80%; float: right}
.pagination a {text-decoration: none; border: solid 1px #999;	color: #000!important; line-height: 15px!important}
.pagination a, .pagination span {display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px}
.pagination .current { background: #7D7D7D; color: #fff; border: solid 1px #AAE; line-height: 14px!important}
.pagination .current.prev, .pagination .current.next{ color:#999; border-color:#999; background:#fff}

/*Thuan*/
#pagename {cursor:pointer}
#search_cancel {float:left;margin: 5px 0 0 10px;cursor:pointer}
.hidden {display:none}
#loading{
    left:50%;top:0;position:fixed !important;position:absolute;width:80px;margin-left:-50px;background:orange;font-weight:700;padding:3px 10px;z-index:99999
}
* html body {height:100%;width:100%}
#epeditor #h_content_tbl {width: 725px!important}
#epeditor #h_content_ifr {height: 400px!important;}
#tbicDate td {text-align: center; vertical-align: middle; border-top: 1px solid #B5B5B5; height: 40px}
#trincomemonth td{border-bottom: 2px solid #999}
.overtime {line-height: 25px}
.overtime input {float: none;}
.overtime b {font-size: 14px; padding-right: 10px}
.overtime span {color: red; padding-left: 10px}

.table {border: 1px solid #999; font-size: 10px}
.table td {border: 1px solid #999; border-top-width: 0; border-left-width: 0; text-align: center}

#reporter {z-index: 100000;}
#tipreporter {display: none; width: 170px; border: 1px solid #999; position: absolute; background: #FFF; padding: 5px}
#tipreporter a {float: left; width: 160px; font-size: 12px; padding: 4px}
#tipreporter a:hover {background: #EFEFEF}

.floorlist span.floorname {float: left; margin-right: 25px; color: #000; font-size: 14px; font-weight: 300}
.floorlist .floorname a{font-size: 11px; padding: 0 5px}
.mousemenu a{ text-decoration: none; color: #000}
.setup .l, .setup .r {float: left; margin-bottom: 10px}
.setup .l {width: 150px;}
.setup .r {width: 750px;}
.setup .r1 input {margin: 0 20px 0 10px}
#rlistcontent div, #resultroom div {padding: 5px 0; float: left; width: 100%}
#rlistcontent div .fname, #resultroom div .fname {width: 70px}

/*Thuan*/
.priceset-left {width:300px;float:left}
.priceset-center {width:150px;float:left}
.priceset-right {width:440px;float:right}
.custcostrow {width:100%}
.rnotready { background: url(../img/icon-Alert.png) no-repeat top left}
.rmaintenance { background: url(../img/icon-Stop.png) no-repeat top left}

/*table bor round-----*/
table.bor_round {
    border:1px solid #E0E0E0;
    border-collapse: collapse;
}
table.bor_round tbody td{
    border:1px solid #E0E0E0;
    vertical-align:middle;
    padding:5px 5px;
}
table tr.even {
    background:#F2F2F2;
}

/*end table*/
table.bor_round tr td .dashed {
    overflow:hidden;
    border-bottom:1px #C7C7C7 dashed;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}

.tab_ltitle {background: #C8C8C8; color: #303030; font-weight:700; border-bottom:2px solid #828282 !important;}

.footer2 { background:#CCC; font-weight:bold;  font-size:14px !important;}
.pnote {width:100%;height:100px}
.lrservice {text-align:right; margin-right:10px;}
.mgbt10 { margin-bottom:10px;}

	
/* login page */
#login {
	padding: 100px;
	background-color: #666;
}
.bgheader {
	background-image: url(../img/headbhotel.gif);
	background-repeat:repeat-x;
	height:60px;
	text-align:right;color: #FFF; padding-right:7px;padding-top:40px;
}
#login .box2 {
	float: none;
	margin: 0 auto;
	width: 440px;
	background:#FFFFFF;
}
#login table {
	width: 100%;
	border:0px;
	margin: 0 auto;
}
#login input.txt {
	width: 316px;
}
input.txt, option.txt, textarea {
	border-radius: 2px;
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
	border: 1px solid #999;
	background:#EFEFEF;
	padding: 2px 2px;
	font-size:18px;
}
.padl {padding-left:20px;}
.padr {padding-right:20px;}

/*Button*/
.button {
	border: 1px solid #CCC;
	-webkit-box-shadow: #fff 0 0 5px;
	-moz-box-shadow: #aaa 0 0 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	background-color: #f37a21;
	background-image: url(../img/button.gif);
	background-repeat: repeat-x;
	padding: 5px 25px;
}
.button:hover {
	text-shadow: #000 1px 1px 0;
	color: #fff;
	background-color: #F67B1E;
	background-image: url(../img/altbutton.gif);
	background-repeat: repeat-x;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.bgfff {background:#FFF;}
.bgeee {background:#EFEFEF;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
.padbt10 {padding-bottom:10px;}
.mar5 {margin: 5px;}
.marr5 {margin-right: 5px;}
.marr1 {margin-right: 1px;}
.marl10 {margin-left: 10px;}
.cursor {cursor: pointer;}
.l1 td{border-top: solid 2px #999;}
.note2 {background-color: #fff; margin: auto; padding:20px; width: 960px;}
.history {padding: 10px; border-top: solid 2px #999; }
#currencyview {margin-left: 128px;}
.bb {font-size:12px; font-weight:bold;}
.l3d {border-bottom: 1px dashed #ccc; margin-right: 5px; margin-top:2px;}
.l1d {border-top: solid 1px #ccc; margin-right: 5px; padding-top:2px;}
.lr2 {float: right; margin-top: 1px;}
.lr20 {float: right; margin-right: 20px;}
.lr10 {float: right; margin-right: 10px;}